<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">
        <i class="el-icon-s-home"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/member/vlist' }">
        <i class="el-icon-s-custom"></i>
        会员管理
      </el-breadcrumb-item>
      <!-- 当前 -->
      <el-breadcrumb-item>会员概述</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="msj_gaishu_c">
      <div class="msj_gaishu">
        <div style="width: 100%; display: flex">
          <Bingtu />
          <Bingtu2 />
        </div>
        <div>
          <el-table :data="tableData" border style="width: 100%">
            <el-table-column prop="put" label="普通用户"> </el-table-column>
            <el-table-column prop="lv1" label="lv.1用户"> </el-table-column>
            <el-table-column prop="lv2" label="lv.2用户"> </el-table-column>
            <el-table-column prop="lv3" label="lv.3用户"> </el-table-column>
            <el-table-column prop="lv4" label="lv.4用户"> </el-table-column>
            <el-table-column prop="lv5" label="lv.5用户"> </el-table-column>
            <el-table-column prop="lv6" label="lv.6用户"> </el-table-column>
            <el-table-column prop="lv7" label="lv.7用户"> </el-table-column>
          </el-table>
        </div>
        <!-- <div>
          <Zhanbi />
        </div> -->
        <div>
          <Zhutu />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Bingtu from "./component/bingtu.vue";
import Bingtu2 from "./component/bingtu2.vue";
import Zhutu from "./component/zhutu.vue";
// import Zhanbi from "./component/zhanbi.vue";
export default {
  data() {
    return {
      tableData: [
        {
          put: "2300个",
          lv1: "463个",
          lv2: "395个",
          lv3: "157个",
          lv4: "149个",
          lv5: "147个",
          lv6: "147个",
          lv7: "147个",
        },
      ],
    };
  },
  // methods: {},
  components: { Bingtu, Bingtu2, Zhutu },
};
</script>
<style scoped>
* {
  margin: 0;
}
.msj_gaishu_c,
.msj_gaishu {
  width: 100%;
}
.msj_gaishu_c {
  height: calc(100vh - 95px);
  overflow: hidden;
}
.msj_gaishu {
  height: 100%;
  overflow-y: scroll;
  padding: 0 80px 0 0;
}
</style>